Hero animasi 


Animasi berikutnya 


Go Run 
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child: Column( 
crossAxisAlignment: 

children: [ 
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sAlignment.center, 


ler<Object> image} 


The image to be painted into the decoration 
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[ metadata 


OUTPUT flutter (animated) 


[animated] flutter pub get 
Running “flutter pub get" in animated.. 


OUTLINE 4.5s 


TIMELINE exit code @ 
DEPENDENCIES 
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Hero animasi itu apa 


Disini sudah membuat sebuah gambar didalam container 


Go Run Terminal Help Visual Studio Code 


@ main.dart 
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children: [ 
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child: Containerk 
width: 100 
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OUTPUT 


[animated] flutter pub get 


Running “flutter pub get" in animated.. 


OUTLINE 4.5s 
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decoration: BoxDet 
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lignment.center, 


flutter (animated) 


NG § & ZW 0030 | 


Kemudian buat column 


Run Terminal Help main.dart - animated - Visual Studio Code 
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ANIMATED « 
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centerTitle: true, 


children: [ 
ClipOval( 
child: Container( 
width: 100, 
height: 100, 
decoration: BoxDeco 
image: 
image 


7. 
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1 OUTPUT flutter (animated) 


[animated] flutter pub get 

Running “flutter pub get" in animated.. 
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Kenpa bulat karna widget nya clipoval karna bulat 
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[animated] flutter pub get 
Running “flutter pub get" in animated.. 
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Kemudian hero animasi kita akan coba 

Ketika diklik maka jadi besar tapi tidak lama ketika melihat profile seorang atau 
detail tapi ada gambar nya yg sering dipakai 
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Running “flutter pub get" in animated.. 
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Return Scaffold 
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Kemudian body nya 
Body sama degn container nya 
Kita bungkus dulu center 

Child nya lalu container 
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Running "flutter pub get" in animated.. 
4.5s 


OUTLINE 
TIMELINE exit code @ 


DEPENDENCIES 


a 0 Hi CG 7n C Bs Ba ex o 


~~ A EBAY o3 II | 
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[animated] flutter pub get 


Running “flutter pub get" in animated.. 
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Running “flutter pub get" in animated.. 
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Kita lihat coba diklik maka dia pindah ke halaman ke 2 
Ini seperti perubahan biasa ke halaman 1 ke halaman lain 
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Kita lihat hasil nya ketika diklik maka di focus ke dalam apapun ke tag hero 

Dia kembali juga ada animasi nya 


Main.dart 


MyApp()); 


MyApp StatelessWidget { 
MyApp({Key? key}) : (key: key); 


@override 
Widget b (BuildContext context) { 
MaterialApp( 
title: 
theme: ThemeData( 


primarySwatch: Colors.blue, 
), 
home: ist MyHomePage(title: 
Yi 
} 
i 


MyHomePage StatefulWidget { 
MyHomePage({Key? key, .title}) : (key: key); 


String title; 


@override 
State<MyHomePage> createState() => _MyHomePageState(); 
J 


_MyHomePageState ex State<MyHomePage> { 
@override 
Widget build(BuildContext context) { 
Scaffold( 
appBar: AppBar( 
title: Text( 
) 


body: Center( 
child: Column( 

children: [ 
GestureDetector( 
onTap: (() => { 

Navigator.push(context, 
MaterialPageRoute(builder: (context) => halama 
}) 


child: Hero( 
tag: , 
child: ClipOval( 
child: Container( 
width: 100, 
height: 100, 
decoration: BoxDecoration( 
image: Decorationlmage( 
fit: BoxFit.cover, 
image: Assetlmage( 


halamanDua.dart 


halamanDua ex StatelessWidget { 
alam a({Key? Kev L) : (key: key); 


@override 
Widget build(BuildContext context) { 
Scaffold( 
appBar: AppBar( 
title: Text( i 
) 


body: Center( 
child: Hero( 
tag: , 
child: Container( 
width: 300, 
height: 300, 
decoration: BoxDecoration( 
image: Decorationlmage(image: Assetlmage( 


